<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="icon" href="./image//SDQ.ico">
    <script src="./js/index.js"></script>
    <title>仿搜狗输入法</title>

</head>
<body>
    <div class="box">
        <!-- 页面头部 -->
        <div class="top">
            <div class="topbox">
                <div class="t-left">
                    <img src="./image/logo.40eda95a.svg">
                </div>
                <div class="t-right">
                    <div class="goods" onmouseover="showgoods()" onmouseout="hidegoods()">
                        <P>产品</P>
                        <div class="goods-1"></div>
                        <div class="goods-data">
                            <div onmouseover="showgoods()" onmouseout="hidegoods()">输入法Wid版</div>
                            <div onmouseover="showgoods()" onmouseout="hidegoods()">输入法手机版</div>
                            <div onmouseover="showgoods()" onmouseout="hidegoods()">输入法Mac版</div>
                            <div onmouseover="showgoods()" onmouseout="hidegoods()">输入法Linux版</div>
                            <div onmouseover="showgoods()" onmouseout="hidegoods()">五笔输入法</div>
                        </div>
                    </div>
                    <div class="dev" onmouseover="showdev()" onmouseout="hidedev()">
                        <p>开放平台</p>
                        <div class="dev-1"></div>
                        <div class="dev-data">
                            <div onmouseover="showdev()" onmouseout="hidedev()">皮肤表情开放平台</div>
                            <div onmouseover="showdev()" onmouseout="hidedev()">输入法开放平台</div>
                        </div>
                    </div>
                    <p class="callme">联系合作</p>
                </div>
            </div>
        </div>
        <div class="body">
            <!-- 轮播图+下载方式 -->
            <div class="body-1">
                <div class="b1-top">
                    <div class="swiper">
                        <div class="swiperbox">
                            <div class="swiperitem">
                                <h1>AI打字准确高效</h1>
                                <i class="s1i1"></i>
                                <i class="s1i2"></i>
                                <i class="s1i3"></i>
                                <i class="s1i4"></i>
                                <i class="s1i5"></i>
                                <i class="s1i6"></i>
                                <i class="s1i7"></i>
                                <i class="s1i8"></i>
                            </div>
                        </div>
                        <div class="swiperindex"></div>
                    </div>
                    <ul>
                        <li>
                            <div class="libox">
                                <img src="./image/Windows.svg" onmouseover="showwin()" onmouseout="hidewin()" id="win">
                                <p>windows</p>
                            </div>
                        </li>
                        <li>
                            <div class="libox">
                                <img src="./image/appStore.svg" onmouseover="showapp()" onmouseout="hideapp()" id="app">
                                <p>macOS</p>
                            </div>
                        </li>
                        <li onmouseover="showiosQr()" onmouseout="hideiosQr()">
                            <div class="IOSbox" >
                                <img src="./image/apple.svg">
                                <p>IOS</p>
                                <img src="./image/qr.5c5a41b1.svg" class="Qricon">
                            </div>
                            <div class="IOS-Qr">
                                <img src="./image/IOSbass64.png">
                                <p>扫码下载</p>
                            </div>
                        </li>
                        <li onmouseover="showAndQr()" onmouseout="hideAndQr()">
                            <div class="Androidbox">
                                <img src="./image/Android.svg">
                                <p>Android</p>
                                <img src="./image/qr.5c5a41b1.svg" class="Qricon">
                            </div>
                            <div class="Android-Qr">
                                <img src="./image/IOSbass64.png">
                                <p>扫码下载</p>
                            </div>
                        </li>
                        <li>
                            <div class="libox">
                                <img src="./image/Linux.svg" onmouseover="showLinux()" onmouseout="hideLinux()" id="Linux">
                                <p>Linux 个人版</p>
                            </div>
                        </li>
                        <li onmouseover="showmoreDown()" onmouseout="hidemoreDown()">
                            <div class="libox">
                                <img src="./image/more.svg">
                                <p>更多下载</p>
                                <div class="more-down">
                                    <div onmouseover="showmoreDown()" onmouseout="hidemoreDown()">五笔Win版</div>
                                    <div onmouseover="showmoreDown()" onmouseout="hidemoreDown()">五笔Mac版</div>
                                    <div onmouseover="showmoreDown()" onmouseout="hidemoreDown()">医生版</div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="body-2">
                <p class="title">为B端行业定制多场景输入方案</p>
                <div class="swiperbox">
                    <div class="swiper-title">
                        <div>智能办公</div>
                        <div>智慧教育</div>
                        <div>智能家居</div>
                        <div>移动出行</div>
                        <div>智能穿戴</div>
                        <div>娱乐健身</div>
                        <div>智慧金融</div>
                        <div>无障碍</div>
                    </div>
                    <!-- 因轮播图没有数据 本项轮播图数据目采用直接截取的图片 -->
                    <img src="./image/banner.png">
                </div>
                <div class="goodlist">
                    <p>更多优秀案例</p>
                    <div class="listT">
                        <div class="listbox" style="left: 0;transition-duration: 300ms;">
                            <div>
                                <div>
                                    <img src="./image/tobii.webp" class="img-1">
                                    <p>眼动输入法！搜狗输入法和tobii眼动仪创新合作... <span>了解更多</span> </p>
                                    <img src="./image/tobiiLogo.322c0d37.png" class="img-2">
                                </div>
                            </div>
                            <div>
                                <div>
                                    <img src="./image/guanjia.webp" class="img-1">
                                    <p>腾讯电脑管家应用企业定制输入法，办公更高效... <span>了解更多</span> </p>
                                    <img src="./image/guanjiaLogo.829c81d5.png" class="img-2">
                                </div>
                            </div>
                            <div>
                                <div>
                                    <img src="./image/xiaomi.webp" class="img-1">
                                    <p>腾讯电脑管家应用企业定制输入法，办公更高效... <span>了解更多</span> </p>
                                    <img src="./image/xiaomiLogo.7be8cc01 (1).png" class="img-2">
                                </div>
                            </div>
                            <div>
                                <div>
                                    <img src="./image/keep.webp" class="img-1">
                                    <p>全新语音交互的Keep运动单车，很酷更好用... <span>了解更多</span> </p>
                                    <img src="./image/keepLogo.4868de7c.jpg" class="img-2">
                                </div>
                            </div>
                            <div>
                                <div>
                                    <img src="./image/AI.webp" class="img-1">
                                    <p>搜狗输入法智能助手，在小米手机生根开花... <span>了解更多</span> </p>
                                    <img src="./image/xiaomiLogo.7be8cc01 (1).png" class="img-2">
                                </div>
                            </div>
                            <div>
                                <div>
                                    <img src="./image/wps.webp" class="img-1">
                                    <p>搜狗输入法与金山WPS联合放了个大招... <span>了解更多</span> </p>
                                    <img src="./image/wpsLogo.194ff8a6.svg" class="img-2">
                                </div>
                            </div>
                        </div>
                    </div>
                    <bottom class="goodsleftbtn" onclick="goodsback()" style="cursor: not-allowed;">&lt;</bottom>
                    <bottom class="goodsrightbtn" onclick="goodsnext()">&gt;</bottom>
                </div>
            </div>
            <div class="body-3">
                <p>联系我们合作→</p>
            </div>
        </div>
        <div class="bottom">
            <div class="botbox">
                <div class="bot-top">
                    <img src="./image/logo.bace03fd.svg" class="botlog">
                    <div class="bot-data">
                        <div>
                            <p>商务合作咨询</p>
                            <p>合作邮箱 <span>hci_bd@tencent.com</span></p>
                        </div>
                        <div>
                            <p>问题反馈&意见</p>
                            <p>联系邮箱 <span>IMETS@tencent.com</span></p>
                        </div>
                    </div>
                    <div class="Qr">
                        <div>
                            <img src="./image/weixin.9738bea4.jpg" class="Qrimg">
                            <p>输入法公众号</p>
                        </div>
                        <div>
                            <img src="./image/weixin.9738bea4.jpg" class="Qrimg">
                            <p>输入法公众号</p>
                        </div>
                    </div>
                </div>
                <div class="bot-bottom">
                    <p>
                        © 2022 SOGOU.COM 京ICP备11001839号-1 <a href="#">服务协议</a> | <a href="#">隐私政策</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</body>

</html>